<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<!-- BEGIN HEAD -->

<head>

    <meta charset="utf-8"/>

    <title>员工岗位管理</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta th:content="${session.authorities}" id="authority"/>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="/media/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="/media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" href="media/css/select2_metro.css"/>
    <link rel="stylesheet" href="media/css/DT_bootstrap.css"/>
    <link rel="stylesheet" href="media/ztree/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
    <link rel="shortcut icon" href="media/image/favicon.ico"/>

</head>

<body class="page-header-fixed">

<!-- BEGIN HEADER -->
<div th:replace="common/header :: header"></div>
<!-- END HEADER -->

<!-- BEGIN CONTAINER -->

<div class="page-container row-fluid">

    <!-- BEGIN SIDEBAR -->
    <div th:replace="common/sider :: sider"></div>
    <!-- END SIDEBAR -->
    <div class="page-content">
        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                    <h3 class="page-title">员工岗位管理</h3>
                    <!-- END PAGE TITLE & BREADCRUMB-->
                </div>
            </div>
            <!-- END PAGE HEADER-->

            <!-- BEGIN PAGE CONTENT-->
            <div class="row-fluid">
                <div class="span12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet box green">
                        <div class="portlet-title">

                            <div class="caption">
                                <i class="icon-globe"></i>员工岗位管理
                            </div>
                        </div>
                        <div class="portlet-body">
                            <div class="row-fluid">
                                <div class="span12 form">
                                    <!-- 									sec:authorize="hasAuthority('PERMISSION_POSITION_ADD')" -->
                                    <form action="#" class="form-horizontal"
                                          id="add_position_form">
                                        <div class="row-fluid">
                                            <div class="span4">
                                                <div class="control-group">
                                                    <label class="control-label span3">岗位名称</label>
                                                    <div class="controls span9">
                                                        <input type="text" class="m-wrap span10"
                                                               id="positionName" name="positionName"> <span
                                                            class="help-inline" style="color: red;">*</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--/span-->
                                            <div class="span4">
                                                <div class="control-group">
                                                    <label class="control-label span3">选择上级</label>
                                                    <div class="controls span9">
                                                        <select class="m-wrap span12" name="positionParent">
                                                            <option value="0">请选择</option>
                                                            <option value="1" th:value="${pos.id}"
                                                                    th:each="pos:${positions}"
                                                                    th:text="${pos.positionName}">男
                                                            </option>
                                                        </select>

                                                    </div>
                                                </div>
                                            </div>
                                            <!--/span-->
                                            <div class="span4">
                                                <div class="control-group">
                                                    <label class="control-label span3">排序</label>
                                                    <div class="controls span9">
                                                        <input type="text" class="m-wrap span12"
                                                               name="positionSort">

                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="row-fluid">
                                            <div class="span4">
                                                <div class="control-group">
                                                    <label class="control-label span3">岗位描述</label>
                                                    <div class="controls span9">
                                                        <input type="text" class="m-wrap span12"
                                                               name="positionDesc">


                                                    </div>
                                                </div>
                                            </div>
                                            <div class="span4"
                                                 sec:authorize="hasAuthority('PERMISSION_GARDEN')">
                                                <div class="control-group">
                                                    <label class="control-label span3">选择园所</label>
                                                    <div class="controls span9">
                                                        <select class="m-wrap span12">
                                                            <option value="">男</option>
                                                            <option value="">女</option>
                                                        </select>
                                                        <!-- 											<span class="help-block">Select your gender.</span> -->
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="span1" sec:authorize="hasAuthority('PERMISSION_POSITION_ADD')">
                                                <div class="btn-group">
                                                    <button style="margin-left: -15px;" class="btn green"
                                                            id="btn_add">
                                                        添加 <i class="icon-plus"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <!--/row-->
                                    </form>
                                </div>
                            </div>
                            <table
                                    class="table table-striped table-bordered table-hover table-full-width"
                                    id="table">
                                <thead>
                                <tr>
                                    <th>岗位名称</th>
                                    <th>上级</th>
                                    <th>排序</th>
                                    <th>岗位描述</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>

            <!-- END PAGE CONTENT-->

        </div>
        <!-- END PAGE CONTAINER-->
    </div>
    <!-- END PAGE -->
</div>

<!-- END CONTAINER -->

<!-- BEGIN FOOTER -->

<!-- END FOOTER -->

<!-- BEGIN CORE PLUGINS -->

<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="media/js/jquery-migrate-1.2.1.min.js"
        type="text/javascript"></script>

<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

<script src="media/js/jquery-ui-1.10.1.custom.min.js"
        type="text/javascript"></script>

<script src="media/js/bootstrap.min.js" type="text/javascript"></script>

<!--[if lt IE 9]>

<script src="media/js/excanvas.min.js"></script>

<script src="media/js/respond.min.js"></script>

<![endif]-->


<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL PLUGINS -->

<script type="text/javascript" src="media/js/select2.min.js"></script>

<script type="text/javascript" src="media/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>

<script type="text/javascript" src="media/js/jquery.validate.min.js"></script>

<!-- 	<script type="text/javascript" src="media/js/additional-methods.min.js"></script> -->

<script type="text/javascript" src="media/js/chosen.jquery.min.js"></script>


<!-- END PAGE LEVEL PLUGINS -->

<!-- BEGIN PAGE LEVEL SCRIPTS -->

<script type="text/javascript" src="media/layer/layer.js"></script>
<script src="media/js/app.js"></script>
<script src="media/js/positionlist.js"></script>

<script>
    jQuery(document).ready(function () {

        App.init();
        PositionList.init();

    });
</script>

<script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-37564768-1']);
    _gaq.push(['_setDomainName', 'keenthemes.com']);
    _gaq.push(['_setAllowLinker', true]);
    _gaq.push(['_trackPageview']);
    (function () {
        var ga = document.createElement('script');
        ga.type = 'text/javascript';
        ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://'
                : 'http://')
            + 'stats.g.doubleclick.net/dc.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga, s);
    })();
</script>
</body>

<!-- END BODY -->

</html>